body {
    background-color: #f4ffd9;
}


table.example
{
    border:4px solid Grey;
}
table.example td, table.example th
{

    border:2px solid gray;
    padding:4px;
}
table.example
{
    border-collapse:collapse;
}
table.example
{
    background-color:#FFFFCC;
}

a:link	{
    text-decoration: none;
    color: #100c3e; }
a:visited	{
    text-decoration: none;
    color: rgba(67, 17, 80, 0.54); }
a:active	{
    text-decoration: underline;
    color: #00461a; }
a:hover	{
    text-decoration: none;
    color: #1e3250; }

button {
    position: relative;
    margin: 0 .5em .5em .5em;
    padding: .15em 1em;
    font-size: 14px;
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0 1px 1px #fff;
    background: #FFFFCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
    background: -moz-linear-gradient(top, #ededed, #c4c4c4);
    border: 1px solid #acacac;
    border-top-color: #bdbdbd;
    border-bottom-color: #949494;
    border-radius: .214em;
    -webkit-border-radius: .214em;
    -moz-border-radius: .214em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    cursor: pointer;
}
button:hover,
button:focus {
    box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5);
}
button:active {
    background: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));
    background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);
    border-color: #a6a6a6;
    border-top-color: #939393;
    border-bottom-color: #bcbcbc;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
}
button:disabled {
    background: #aaaaaa;
    color: #777777;
    text-shadow: 0 0px 0px #fff;
}
button.default {
    color: #1c4257;
    background: #a3cde3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));
    background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);
    border: 1px solid #759bb1;
    border-top-color: #8ab0c6;
    border-bottom-color: #587e93;
}
button.default:hover,
button.default:focus {
    box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 rgba(255,255,255,0.5);
}
button.default:active {
    background: #8abcd7;
    background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));
    background: -moz-linear-gradient(top, #81afc8, #b7def4);
    border-color: #6e94a9;
    border-top-color: #567c91;
    border-bottom-color: #88aec4;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5);
}
